<%@ page contentType="text/html;charset=UTF-8"%>

<html>
<head>
<title>Fogón del fuego</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'bootstrap.min.css')}"
	type="text/css" />
<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'bootstrap-responsive.min.css')}"
	type="text/css" />
<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'styles.css')}" type="text/css" />
<script src="${resource(dir: 'js', file: 'jquery-1.9.1.min.js')}"
	type="text/javascript"></script>
<script src="${resource(dir: 'js', file: 'bootstrap.min.js')}"
	type="text/javascript"></script>
<script src="${resource(dir: 'js', file: 'main.js')}"
	type="text/javascript"></script>
</head>
<body>
	<section id="main-section">
		<header>
			<img src="../images/logo.png" alt="Logo El Fogón del Arte" />
		</header>
		<nav id="wrap-dd-menu" class="public">
			<ul id="dd-menu">
				<li id="home-li" onclick="${remoteFunction(controller:'publicPart', action:'homeAjax', update:'content')}">
				Conócenos
				</li>
				<li id="reservation-li" onclick="${remoteFunction(controller:'publicPart', action:'reservationAjax', update:'content')}">
				Reservas y promociones</li>
				<li id="menu-li" onclick="${remoteFunction(controller:'publicPart', action:'menuAjax', update:'content')}">Nuestra selección</li>
				<li id="contact-li" onclick="${remoteFunction(controller:'publicPart', action:'contactAjax', update:'content')}">Contacto</li>
				<li id="login-li" onclick="${remoteFunction(controller:'publicPart', action:'loginAjax', update:'content')}">Entrar/Registrarse</li>
				<li id="myprofile-li" class="top_line" onclick="${remoteFunction(controller:'privatePart', action:'myprofileAjax', update:'content')}">Mi perfil</li>
				<li id="reserve-li" onclick="${remoteFunction(controller:'privatePart', action:'reserveAjax', update:'content')}">Reservar mesa y menú</li>
				<li id="logout-li" onclick="">Salir</li>
			</ul>
		</nav>
		<footer>
			<ul>
				<li class="map-icon">Avda. Alfonso Molina nº 999 Edificio 4
					bajo A</li>
				<li class="phone-icon">999-999-999</li>
				<li class="email-icon">contacto@fogondelarte.es</li>
			</ul>
		</footer>
	</section>

	<div id="content">
		<g:layoutBody />
		<r:layoutResources />
	</div>
	<div id="switch">&nbsp;</div>
</body>
</html>